<%@ page language="java" import="java.util.*,java.net.URLDecoder" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String loginName="";
String uid="";
Cookie[] cookArr = request.getCookies();
if(cookArr!=null){
	for(Cookie c:cookArr){
		if(c.getName().equals("LOGINNAME")){
			loginName = URLDecoder.decode(c.getValue(),"UTF-8");
		}
		if(c.getName().equals("UID")){
			uid = c.getValue();
		}
		c.getValue();
	}
}
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>主页</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!-- start slider -->		
	<link href="css/slider.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
	<script type="text/javascript" src="js/jquery.cslider.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#da-slider').cslider();
		});
	</script>
		<!-- Owl Carousel Assets -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		     <!-- Owl Carousel Assets -->
		    <!-- Prettify -->
		    <script src="js/owl.carousel.js"></script>
		        <script>
		    $(document).ready(function() {
		
		      $("#owl-demo").owlCarousel({
		        items : 4,
		        lazyLoad : true,
		        autoPlay : true,
		        navigation : true,
			    navigationText : ["",""],
			    rewindNav : false,
			    scrollPerPage : false,
			    pagination : false,
    			paginationNumbers: false,
		      });
		
		    });
		    </script>
		   <!-- //Owl Carousel Assets -->
		<!-- start top_js_button -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		   <script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){		
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
					});
				});
			</script>
  </head>
  
  <body >
  	<!-- start header -->
<div class="header_bg">
		<div class="wrap">
			<div class="header">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt=""/> </a>
				</div>
				<div class="h_icon">
				<ul class="icon1 sub-icon1">
					<li><a class="active-icon c1" href="#"><i>$300</i></a>
						<ul class="sub-icon1 list">
							<li><a href="<%=basePath%>shopCar/queryAll.do?uname=<%=loginName%>"><h4>我的购物车</h4></a></li>
							<li><a href="<%=basePath%>orders/queryAll.do?uname=<%=loginName%>"><h4>我的订单</h4></a></li>
							<li><a href="<%=basePath%>buyer/preEditBuyer.do?uname=<%=loginName%>"><h4>修改个人信息</h4></a></li>
						</ul>
					</li>
				</ul>
				</div>
				<div class="pic"><img alt="图片不存在" src="${user.upicture }" width="70px" height="70px"></div> 
				<div class="login2">
					<div class="user"><a href="user/preLogin.do"><h5>切换账号</h5></a></div>
				</div>
				
				<div class="h_search">
		    		<form action="<%=basePath%>shop/queryBySname1.do">
		    			<input type="text" value="" placeholder="商品名称" name="sname">
		    			<input type="hidden" name="uname" value="<%=loginName%>">
		    			<input type="submit" value="">
		    		</form>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<div class="header_btm">
		<div class="wrap">
			<div class="header_sub">
				<div class="h_menu">
					<ul>
						<li class="active"><a href="<%=basePath%>orders/selectAll.do?uname=<%=loginName %>">主页</a></li> |
						<li><a href="<%=basePath%>shop/type1.do?uname=<%=loginName %>&product_type=面膜">面膜</a></li> |
						<li><a href="<%=basePath%>shop/type2.do?uname=<%=loginName %>&product_type=护肤套装">护肤套装</a></li> |
						<li><a href="<%=basePath%>shop/type3.do?uname=<%=loginName %>&product_type=眼霜">眼霜</a></li> |
						<li><a href="<%=basePath%>shop/type4.do?uname=<%=loginName %>&product_type=水乳">水乳</a></li> |
						<li><a href="<%=basePath%>shop/type5.do?uname=<%=loginName %>&product_type=口红">口红</a></li> |
						<li><a href="<%=basePath%>shop/type6.do?uname=<%=loginName %>&product_type=精华">精华</a></li> |
						<li><a href="<%=basePath%>shop/type7.do?uname=<%=loginName %>&product_type=洁面">洁面</a></li> |
						<li><a href="<%=basePath%>shop/type8.do?uname=<%=loginName %>&product_type=粉底">粉底</a></li> |
						<li><a href="<%=basePath%>shop/type9.do?uname=<%=loginName %>&product_type=眼影眼线">眼影眼线</a></li> |
						<li><a href="<%=basePath%>shop/type10.do?uname=<%=loginName %>&product_type=香水">香水</a></li>
					</ul>
		       	</div>	  
				<div class="clear"></div>
			</div>
		</div>

<!-- start main -->
<div class="main_bg">
<div class="wrap">	
	<div class="body" style="width: 100%;height: 600px">
		<div style="position: relative; left: 350px; top: 180px"><img src="images/shopCar.png"></div>
		<div style="position: relative; left: 520px; top: 140px; font-size: 1.6em">购物车空空如也，快去选购吧<a href="<%=basePath%>orders/selectAll.do?uname=<%=loginName %>">回到首页</a></div>
	</div>
<!-- end grids_of_3 -->
</div>
</div>
</div>
 
  </body>
</html>
